<template lang="pug">
.line-chart.app-container
  #line-chart
</template>

<script setup>
import { lineChart, destroyLineChart } from '@/views/EChartsMage/echarts.js'

import { onMounted, onUnmounted } from 'vue'


onMounted(() => {
  // 初始化折线图
  lineChart()
})

onUnmounted(() => {
  // 销毁折线图
  destroyLineChart()
})
</script>

<style lang="scss">
  #line-chart {
    width: 100%;
    max-width: 600px;
    height: 170px;
  }
</style>
